<!DOCTYPE html>
<html>
<head>
	<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
</head>
<body class="white-bg" style="color:#333;padding:3px;">
   <div class="page-heade">
          <h2 class="title_color text-center">扁滘容山商场-网点物料分配详情</h2>
   </div>
  <div class="padding-10"><a href="javascript:;" class="btn btn-sm btn-info" id="addwl">新增物料</a></div>
  <table class="table table-bordered table-hover bud_hei text-center" id="wlTable">
      <tr class="info">
        <th class="text-center">物料名称</th>
        <th class="text-center">物料编号</th>
        <th class="text-center">物料分配日期</th>
        <th class="text-center">单位</th>
        <th class="text-center">当前物料库存</th>
        <th class="text-center">本次分配数量</th>
        <th class="text-center"></th>
      </tr>
      <tbody></tbody>
      <tfoot>
        <tr>
        <td colspan="4">合计：</td>
        <td>0</td>
        <td>0</td>
        <td></td>
      </tr>
      </tfoot>
 </table>
  <div class="padding-10 text-center">
      <button class="btn btn-primary">保存</button><span class="lr_5"></span>
      <button class="btn btn-warning" type="button" onclick="back()">返回</button>
  </div>

<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/plugins/laydate/laydate.js"></script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
function back(){
  history.go(-1)
}

$("#addwl").click(function(){
    var str = '<tr><td> <div class="input-group"><input id="area_id" type="text" placeholder="请输入关键字或空格查询" class="form-control" value="" style="min-width: 300px;width: 300px"><div class="input-group-btn"><ul class="dropdown-menu dropdown-menu-right" role="menu"></ul></div></td><td></td><td><input type="text" class="form-control time-item"/></td><td></td><td></td><td><input type="text"  class="form-control"/></td><td><a href="javascript:;" class="btn btn-sm btn-danger del_this">删除</a></td></tr>'
    $("#wlTable").append(str);
})
$(document).on("click",".del_this",function(){
  $(this).parent().parent().remove()
})
$('#wlTable').on('click','.time-item',function(){
  laydate.render({
    elem: this,
    theme: '#009688',
    trigger: 'click',
  });
});
</script>
</body>
</html>